<div class="demo  ui-sortable "   id="top-content" style="min-height: 16px;"> 
   <div class="lyrow">
					<a href="#close" class="remove label label-important"><i
						class="icon-remove icon-white"></i><font>Delete</font></a> <span
						class="drag label"><i class="icon-move"></i><font>drag</font></span>
					<div class="preview">
						<font><font>93</font></font>
					</div>
					<div class="view">
						<div class="row-fluid clearfix">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 column ">

								<div class="box box-element ui-draggable"
									style="display: block;">
									<a href="#close" class="remove label label-important"><i
										class="icon-remove icon-white"></i><font>Delete</font></a> <span
										class="drag label"><i class="icon-move"></i><font>drag</font></span>
									<span class="configuration"><button type="button"
											class="btn btn-mini" data-target="#editorModal" role="button"
											data-toggle="modal">
											<font>Edit content</font>
										</button> <a class="btn btn-mini" href="#" rel="well"><font>inline</font></a>
									</span>
									<div class="preview">
										<font>Hello, world!</font>
									</div>
									<div class="view">
										<div class="hero-unit" contenteditable="true">
											<p>
												<font>Lorem ipsum dolor sit amet, consectetur
													adipisicing elit, sed do eiusmod tempor incididunt ut
													labore et</font>
											</p>
											<p>
												<font>Lorem ipsum dolor sit amet, consectetur
													adipisicing elit, sed do eiusmod tempor incididunt ut
													labore et. Lorem ipsum dolor sit amet, consectetur
													adipisicing elit, sed do eiusmod tempor incididunt ut
													labore et</font>
											</p>
											<p>
												<font>Lorem ipsum dolor sit amet, consectetur
													adipisicing elit, sed do eiusmod tempor incididunt ut
													labore et dolore magna aliqua. Ut enim ad minim veniam,
													quis nostrud exercitation ullamco laboris nisi ut aliquip
													ex ea commodo consequat. Duis aute irure dolor in
													reprehenderit in voluptate velit esse cillum dolore eu
													fugiat nulla pariatur. Excepteur sint occaecat cupidatat
													non proident, sunt in culpa qui officia deserunt mollit
													anim id est laborum.</font>
											</p>
											<p>
												<font>Lorem ipsum dolor sit amet, consectetur
													adipisicing elit, sed do eiusmod tempor incididunt ut
													labore et dolore magna aliqua. Ut enim ad minim veniam,
													quis nostrud exercitation ullamco laboris nisi ut aliquip
													ex ea commodo consequat. Duis aute irure dolor in
													reprehenderit in voluptate velit esse cillum dolore eu
													fugiat nulla pariatur. Excepteur sint occaecat cupidatat
													non proident, sunt in culpa qui officia deserunt mollit
													anim id est laborum.</font>
											</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



			</div>
			<!-- end demo -->


<?php 
/*
       * ?> <div class="demo ui-sortable" style="min-height: 3203px;"><div class="lyrow ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> </span> <div class="preview"> <input value="12" type="text"> </div> <div class="view"> <div class="row-fluid clearfix"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 column ui-sortable"><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <a class="btn btn-mini" href="#" rel="well"><font>inline</font></a> </span> <div class="preview"> <font>Media Object</font> </div> <div class="view"> <div class="media"> <a href="#" class="pull-left"> <img src="img/a_002.jpg" class="media-object"> </a> <div class="media-body" contenteditable="true"> <h4 class="media-heading"> <font>Nested media heading</font> </h4> <font>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis</font> </div> </div> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Thumbnails</font> </div> <div class="view"> <ul class="thumbnails"> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/people.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/city.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/sports.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> </font></font></font></ul><font><font> </font></font></div><font><font> </font></font></div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Style</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="#" rel="nav-tabs"><font>Tabs</font></a></li> <li class=""><a href="#" rel="nav-pills"><font>Pills</font></a></li> </ul> </span> <a class="btn btn-mini" href="#" rel="nav-stacked"><font>stacked</font></a> </span> <div class="preview"> <font>Navs</font> </div> <div class="view"> <ul class="nav nav-tabs" contenteditable="true"> <li class="active"><a href="#"><font>index</font></a></li> <li><a href="#"><font>Data</font></a></li> <li class="disabled"><a href="#"><font>Info</font></a></li> <li class="dropdown pull-right"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><font>dropdown</font><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul></li> </ul> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Size</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="#" rel="pagination-large"><font>large</font></a></li> <li class="active"><a href="#" rel=""><font>active</font></a></li> <li class=""><a href="#" rel="pagination-small"><font>small</font></a></li> <li class=""><a href="#" rel="pagination-mini"><font>mini</font></a></li> </ul> </span> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Position</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>left</font></a></li> <li class=""><a href="#" rel="pagination-centered"><font>center</font></a></li> <li class=""><a href="#" rel="pagination-right"><font>right</font></a></li> </ul> </span> </span> <div class="preview"> <font>Pagination</font> </div> <div class="view"> <div class="pagination"> <ul contenteditable="true"> <li><a href="#"><font>preview</font></a></li> <li><a href="#"><font><font>1</font></font></a></li> <li><a href="#"><font><font>2</font></font></a></li> <li><a href="#"><font><font>3</font></font></a></li> <li><a href="#"><font><font>4</font></font></a></li> <li><a href="#"><font><font>5</font></font></a></li> <li><a href="#"><font>next</font></a></li> </ul> </div> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Style</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="#" rel="nav-tabs"><font>Tabs</font></a></li> <li class=""><a href="#" rel="nav-pills"><font>Pills</font></a></li> </ul> </span> <a class="btn btn-mini" href="#" rel="nav-stacked"><font>stacked</font></a> </span> <div class="preview"> <font>Navs</font> </div> <div class="view"> <ul class="nav nav-tabs" contenteditable="true"> <li class="active"><a href="#"><font>index</font></a></li> <li><a href="#"><font>Data</font></a></li> <li class="disabled"><a href="#"><font>Info</font></a></li> <li class="dropdown pull-right"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><font>dropdown</font><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul></li> </ul> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Size</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="#" rel="pagination-large"><font>large</font></a></li> <li class="active"><a href="#" rel=""><font>active</font></a></li> <li class=""><a href="#" rel="pagination-small"><font>small</font></a></li> <li class=""><a href="#" rel="pagination-mini"><font>mini</font></a></li> </ul> </span> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Position</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>left</font></a></li> <li class=""><a href="#" rel="pagination-centered"><font>center</font></a></li> <li class=""><a href="#" rel="pagination-right"><font>right</font></a></li> </ul> </span> </span> <div class="preview"> <font>Pagination</font> </div> <div class="view"> <div class="pagination"> <ul contenteditable="true"> <li><a href="#"><font>preview</font></a></li> <li><a href="#"><font><font>1</font></font></a></li> <li><a href="#"><font><font>2</font></font></a></li> <li><a href="#"><font><font>3</font></font></a></li> <li><a href="#"><font><font>4</font></font></a></li> <li><a href="#"><font><font>5</font></font></a></li> <li><a href="#"><font>next</font></a></li> </ul> </div> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"> <i class="icon-remove icon-white"></i> <font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"> <font>Style</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>Default</font></a></li> <li class=""><a href="#" rel="text-left"><font>left</font></a></li> <li class=""><a href="#" rel="text-center"><font>center</font></a></li> <li class=""><a href="#" rel="text-right"><font>right</font></a></li> </ul> </span> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Remark</font> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>Default</font></a></li> <li class=""><a href="#" rel="muted"><font>Display</font></a></li> <li class=""><a href="#" rel="text-warning"><font>warning</font></a></li> <li class=""><a href="#" rel="text-error"><font>error</font></a></li> <li class=""><a href="#" rel="text-info"><font>info</font></a></li> <li class=""><a href="#" rel="text-success"><font>success</font></a></li> </ul> </span> </span> <div class="preview"> <font>Title</font> </div> <div class="view"> <h3 contenteditable="true">Tran Dai Quang</h3> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Text</font> </div> <div class="view"> <h2 contenteditable="true">Heading</h2> <p contenteditable="true">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p> <p> <a class="btn" href="#" contenteditable="true">View details »</a> </p> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Text</font> </div> <div class="view"> <h2 contenteditable="true">Goang Hoang OChgt PIhuc8</h2> <p contenteditable="true">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p> <p> <a class="btn" href="#" contenteditable="true">View details »</a> </p> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Thumbnails</font> </div> <div class="view"> <ul class="thumbnails"> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/people.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/city.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/sports.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> </font></font></font></ul><font><font> </font></font></div><font><font> </font></font></div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Style</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>Default</font></a></li> <li class=""><a href="#" rel="progress-info"><font>info</font></a></li> <li class=""><a href="#" rel="progress-success"><font>success</font></a></li> <li class=""><a href="#" rel="progress-warning"><font>warning</font></a></li> <li class=""><a href="#" rel="progress-danger"><font>danger</font></a></li> </ul> </span> <a class="btn btn-mini" href="#" rel="progress-striped"><font>Striped</font></a> <a class="btn btn-mini" href="#" rel="active"><font>active</font></a> </span> <div class="preview"> <font>Progress Bar</font> </div> <div class="view"> <div class="progress"> <div class="bar" style="width: 60%;"></div> </div> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <a class="btn btn-mini" href="#" rel="well"><font>inline</font></a> </span> <div class="preview"> <font>Media Object</font> </div> <div class="view"> <div class="media"> <a href="#" class="pull-left"> <img src="img/a_002.jpg" class="media-object"> </a> <div class="media-body" contenteditable="true"> <h4 class="media-heading"> <font>Nested media heading</font> </h4> <font>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis</font> </div> </div> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Style</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>Default</font></a></li> <li class=""><a href="#" rel="badge-success"><font>success</font></a></li> <li class=""><a href="#" rel="badge-warning"><font>warning</font></a></li> <li class=""><a href="#" rel="badge-important"><font>important</font></a></li> <li class=""><a href="#" rel="badge-info"><font>info</font></a></li> <li class=""><a href="#" rel="badge-inverse"><font>inverse</font></a></li> </ul> </span> </span> <div class="preview"> <font>Label number</font> </div> <div class="view"> <span class="badge" contenteditable="true"><font>1</font></span> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Breadcrumb</font> </div> <div class="view"> <ul class="breadcrumb"> <li><a href="#" contenteditable="true">Home</a> <span class="divider">/</span></li> <li><a href="#" contenteditable="true">Library</a> <span class="divider">/</span></li> <li class="active" contenteditable="true">Data</li> </ul> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Collapse</font> </div> <div class="view"> <div class="accordion" id="accordion-270137"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-270137" href="#accordion-element-277931" contenteditable="true"><font><font> Tab # 1 </font></font></a> </div> <div id="accordion-element-277931" class="accordion-body collapse in"> <div class="accordion-inner" contenteditable="true"> <font>Collapsible Group Item #1</font> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-270137" href="#accordion-element-572975" contenteditable="true"><font><font> Tab 2 </font></font></a> </div> <div id="accordion-element-572975" class="accordion-body collapse"> <div class="accordion-inner" contenteditable="true"> <font>Collapsible Group Item #2</font> </div> </div> </div> </div> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Breadcrumb</font> </div> <div class="view"> <ul class="breadcrumb"> <li><a href="#" contenteditable="true">Home</a> <span class="divider">/</span></li> <li><a href="#" contenteditable="true">Library</a> <span class="divider">/</span></li> <li class="active" contenteditable="true">Data</li> </ul> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <a class="btn btn-mini" href="#" rel="well"><font>inline</font></a> </span> <div class="preview"> <font>Media Object</font> </div> <div class="view"> <div class="media"> <a href="#" class="pull-left"> <img src="img/a_002.jpg" class="media-object"> </a> <div class="media-body" contenteditable="true"> <h4 class="media-heading"> <font>Nested media heading</font> </h4> <font>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis</font> </div> </div> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Thumbnails</font> </div> <div class="view"> <ul class="thumbnails"> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/people.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/city.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> <li class="span4"> <div class="thumbnail"> <img alt="300x200" src="img/sports.jpg"> <div class="caption" contenteditable="true"> <h3> <font>Thumbnail label </font></h3><font> <p> <font>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</font> </p> <p> <a class="btn btn-primary" href="#"><font>Action</font></a> <a class="btn" href="#"><font>Save</font></a> </p> </font></div><font> </font></div><font> </font></li><font> </font></font></font></ul><font><font> </font></font></div><font><font> </font></font></div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button></span> <div class="preview"> <font>Text</font> </div> <div class="view"> <h2 contenteditable="true">Heading</h2> <p contenteditable="true">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p> <p> <a class="btn" href="#" contenteditable="true">View details »</a> </p> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"> <i class="icon-remove icon-white"></i> <font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"> <font>Style</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>Default</font></a></li> <li class=""><a href="#" rel="text-left"><font>left</font></a></li> <li class=""><a href="#" rel="text-center"><font>center</font></a></li> <li class=""><a href="#" rel="text-right"><font>right</font></a></li> </ul> </span> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Remark</font> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="active"><a href="#" rel=""><font>Default</font></a></li> <li class=""><a href="#" rel="muted"><font>Display</font></a></li> <li class=""><a href="#" rel="text-warning"><font>warning</font></a></li> <li class=""><a href="#" rel="text-error"><font>error</font></a></li> <li class=""><a href="#" rel="text-info"><font>info</font></a></li> <li class=""><a href="#" rel="text-success"><font>success</font></a></li> </ul> </span> </span> <div class="preview"> <font>Title</font> </div> <div class="view"> <h3 contenteditable="true"> <font>Lorem ipsum dolor sit amet.</font> </h3> </div> </div><div class="box box-element ui-draggable" style="display: block;"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i><font>Delete</font></a> <span class="drag label"><i class="icon-move"></i><font>drag</font></span> <span class="configuration"> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal"> <font>Edit content</font> </button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#"><font>Style</font><span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="#" rel="nav-tabs"><font>Tabs</font></a></li> <li class=""><a href="#" rel="nav-pills"><font>Pills</font></a></li> </ul> </span> <a class="btn btn-mini" href="#" rel="nav-stacked"><font>stacked</font></a> </span> <div class="preview"> <font>Navs</font> </div> <div class="view"> <ul class="nav nav-tabs" contenteditable="true"> <li class="active"><a href="#"><font>index</font></a></li> <li><a href="#"><font>Data</font></a></li> <li class="disabled"><a href="#"><font>Info</font></a></li> <li class="dropdown pull-right"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><font>dropdown</font><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul></li> </ul> </div> </div></div> </div> </div> </div></div>
       */
?>
